<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>找回密码界面</title>
    <link rel="stylesheet" href="./Public/Home/Login/loginreg.css">
    <link href="./Public/Home/Login/css/animate.css" rel="stylesheet">
    <link href="./Public/Home/Login/css/style.min.css" rel="stylesheet">
    <link href="./Public/Home/Login/css/bootstrap.min.css" rel="stylesheet">
        <style>
        .VAPTCHA-init-main {
            display: table;
            width: 100%;
            height: 100%;
            background-color: #eeeeee;
        }
        .VAPTCHA-init-loading {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }
        .VAPTCHA-init-loading>a {
            display: inline-block;
            width: 18px;
            height: 18px;
            border: none;
        }
        .VAPTCHA-init-loading .VAPTCHA-text {
            font-family: sans-serif;
            font-size: 12px;
            color: #cccccc;
            vertical-align: middle;
        }
        input{
            margin-top: 10px;
        }
    </style>
    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://v-cn.vaptcha.com/v3.js"></script>
</head>

<body>
    <div class="container" style="width:650px;">
        <div class="form-box">
            <!-- 注册 -->
            <div class="register-box hidden">
                <h1 style="color:#fff;font-family:'Microsoft YaHei';">填写验证码并修改</h1>
                <form method="" action="" id="retrieve-form">
                <input type="text" placeholder="验证码" name="code" id="code" value="">
                <input type="password" placeholder="新密码" name="newpwd1" id="newpwd1" value="">
                <input type="password" placeholder="确认密码" name="newpwd2" id="newpwd2" value="">
                </form>
                <button id="retrieve-button">修改密码</button>
                <br>
                <button style="width:50%;margin-top:10px;" id="index">前往登录</button>
            </div>
            <!-- 登录 -->
            <div class="login-box">
                <h1  style="color:#fff;font-family:'Microsoft YaHei';">填写账号与邮箱</h1>
                <form method="" action="" id="ckeck-form">
                <input type="text" placeholder="账号" name="account" id="account" value="">
                <input type="email" placeholder="邮箱" name="email" id="email" value="">
                </form>
                <button id="check-button">验证并发送验证码</button>
                <br>
                <button style="width:50%;margin-top:10px;" id="index1">返回首页</button>
            </div>
        </div>
        <div class="con-box left">
            <h2>正在进行<span>密码找回</span></h2>
            <p>填写验证码并<span>重置密码</span>吧</p>
            <img src="./Public/Home/Login/2.png" alt="">
            <p>没有收到邮件？</p>
            <button id="login">返回重发</button>
        </div>
        <div class="con-box right">
            <h2>正在进行<span>密码找回</span></h2>
            <p>填写信息进行<span>账号验证</span>吧</p>
            <img src="./Public/Home/Login/1.png" alt="">

        </div>
    </div>
    
    
    <!--消息提示-->
<script src="./Public/Home/Login/js/bootstrap-notify.min.js"></script>
<script type="text/javascript" src="./Public/Home/Login/js/lightyear.js"></script>
<script type="text/javascript" src="./Public/Home/Login/js/main.min.js"></script>
<script type="text/javascript" src="./Public/Home/Login/js/retrieve.js"></script>
<script src="./Public/Home/ban.js"></script>
</body>

</html>